<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="6"> <Card1></Card1></el-col>
      <el-col :span="6"> <Card2></Card2> </el-col>
      <el-col :span="6"> <card3></card3> </el-col>
      <el-col :span="6"> <card4></card4> </el-col>
    </el-row>
  </div>
</template>

<script>
import Card1 from "./Card1";
import Card2 from "./Card2";
import Card3 from "./Card3";
import Card4 from "./Card4";
export default {
  components: { Card1, Card2, Card3, Card4 },
};
</script>

<style>
</style>